<%@ page contentType="text/html; charset=UTF-8" %>
<script type="text/javascript">
$.subscribe('onDpChangeMonthAndYear', function(event,data) {
    alert('Cambiar mes a : '+event.originalEvent.month+' y año a '+event.originalEvent.year);
});
$.subscribe('onDpClose', function(event,data) {
    alert('Seleccione la fecha : '+event.originalEvent.dateText);
});
</script>
<%@include file="header.jsp"%>
<div id="nivel2">
 	<div id="menu4">
      <ul>
        <li><a href="<%=request.getContextPath()%>/resources/paciente_listado.jsp">Pacientes Registrados</a></li>
        <li><a class="selected">Agregar Nuevo Paciente</a></li>
      </ul>
    </div>
    <div id="contenido">
    <div id="mens">    
		<s:actionerror />	
	</div>
	<div id="mensa">    
		<strong><s:actionmessage /></strong>	
	</div>
	<s:form action="ingresarPaciente" theme="simple">
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tabla2">
			<tr>
				<td width="150px"><label>Cédula:</label></td>
				<td><s:select list="{'V','E'}" name="tipoCedula"/><s:textfield name="cedula" size="8"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Nombre:<span class="required">*</span></label></td>
				<td><s:textfield name="nombre" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Segundo Nombre:</label></td>
				<td><s:textfield name="segNombre" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Apellido:<span class="required">*</span></label></td>
				<td><s:textfield name="apellido" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Segundo Apellido:</label></td>
				<td><s:textfield name="segApellido" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Sexo:<span class="required">*</span></label></td>
				<td><s:select list="listaSexo" headerKey="0" headerValue="Seleccione" name="sexo"></s:select></td>
			</tr>
			<tr>
				<td width="150px"><label>Raza:<span class="required">*</span></label></td>
				<td><s:textfield name="raza" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Ocupación:</label></td>
				<td><s:textfield name="ocupacion" size="50"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Fecha de Nacimiento:</label></td>
				<td><sj:datepicker id="fechaNacimiento" name="fechaNacimiento" readonly="true" showOn="button" showButtonPanel="true" changeMonth="true" changeYear="true" onChangeMonthYearTopics="onDpChangeMonthAndYear" maxDate="new Date()" yearRange="1800:2100" buttonImage="/PatologiaOcular/images/datepicker.gif" displayFormat="dd-mm-yy"/></td>
			</tr>					
			<tr>
				<td width="150px"><label>Edad:</label></td>	
				<td><s:textfield name="anos" size="3"></s:textfield>año(s)<s:textfield name="meses" size="3"></s:textfield>mes(es)</td>
			</tr>
			<tr>
				<td width="150px"><label>Teléfono:</label></td>
				<td><s:textfield name="tel" size="4"/><s:textfield name="telefono" size="7"></s:textfield></td>
			</tr>
			<tr>
				<td width="150px"><label>Correo:</label></td>
				<td><s:textfield name="correo" size="50"></s:textfield></td>
			</tr>
			<tr>
				<s:hidden name="usuarioId" value="%{#session.User.id}" />			
			</tr>
		</table>
		<p style="color:#222222;font-size:12px"><s:label>(*) Datos Requeridos</s:label></p>
		<p align="center"><strong><button class="boton1" type="submit">Guardar</button></strong></p>
	</s:form>
	</div>
</div>
<%@include file="footer.jsp"%>